<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>财务报表</title>
    <!--static-->
    <link rel="stylesheet" href="css/main.min.css"/>
    <link rel="stylesheet" href="static/css/font-awesome.min.css"/>
    <script src="static/js/jquery-1.11.3.js"></script>
    <!--other-->
    <link rel="stylesheet" href="css/style.css"/>
    <script src="js/style.js"></script>
    <script src="static/js/style.min.js"></script>
    <script src="js/echarts-all.js"></script>
    <!--[if lt IE 9]>
    <script src="static/js/html5shiv.js"></script>
    <script src="static/js/respond.js"></script>
    <![endif]-->
</head>
<body>
<div class="headerIndex">
    <div class="container">
        <div class="header clearfix row">
            <div class="logo">
                <a href="index.html"></a>
            </div>
            <div class="nav tc">
                <ul>
                    <a href="index.html">
                        <li class="">项目库</li>
                    </a>
                    <a href="my-project.html">
                        <li>我的项目</li>
                    </a>
                    <a href="dynamic.html">
                        <li>动态</li>
                    </a>
                    <a href="about.html">
                        <li>关于我们</li>
                    </a>
                </ul>
            </div>
            <div class="user">
                <a class="search" href=""></a>
                <ul>
                    <a href="login.html">
                        <li>登录</li>
                    </a>
                    <a href="reg.html">
                        <li>注册</li>
                    </a>
                </ul>

            </div>
            <div class="fr personalCenter">
                <div class="serch fl">
                    <input type="text">
                    <i></i>
                </div>

                <ul class="content fl">
                    <li>
                        <a href="#">
                            <img class="fl" src="img/headerIndex_001.png" alt=""/>
                            <span class="userNameIndex">Willian Mo <i class="fa fa-caret-down"></i></span>
                        </a>
                        <ul class="list">
                            <li class="listIndex active"><a href="personal-center.html">个人中心</a></li>
                            <li class="listIndex"><a href="create-project.html">创建项目 </a></li>
                            <li class="listIndex"><a href="my-project.html">我的项目</a></li>
                            <li ><a class="logOff" href="login.html">退出登录</a></li>
                        </ul>
                    </li>
                </ul>

            </div>
        </div>
    </div>
</div>
<div class="container financialStatements">
    <div class="titleMyProject">
        <h1 class="fl">财务报表</h1>
    </div>
    <div class="month ">
        <span class="prevBtn "></span>
        <div class="myscroll wd1050">
            <div class="myscrollbox wd100000000">
                <ul class="fl">
                    <li>2月</li>
                    <li>3月</li>
                    <li>4月</li>
                    <li>5月</li>
                    <li>6月</li>
                    <li>7月</li>
                    <li>8月</li>
                    <li class="active">9月</li>
                    <li>10月</li>
                    <li>11月</li>
                    <li>12月</li>
                    <li>2017年</li>
                    <li>1月</li>
                    <li>2月</li>
                    <li>3月</li>
                </ul>
            </div>
        </div>
        <span class="nextBtn "></span>

    </div>
    <div class="content">
        <h1 class="tc">2016年07月 公司财务</h1>
        <ul class="list">
            <li>
                <div class="left tc fl">
                    <img class="shadow" src="img/headerIndex_001.png" alt=""/>
                    <span>明明</span>
                </div>
                <div class="fl right">
                    <p class="money">
                        <span>基本工资 ：<b>1000元</b></span>
                        <span>创造价值 ：<b>3000元</b></span>
                        <span>投入现金 ：<b>3000元</b></span>
                        <span>奖励 ：<b>3000元</b></span>
                        <span>惩罚 ：<b>3000元</b></span>
                    </p>
                    <p><span>股权币 ： 100</span></p>
                    <p>评价 ：假如生活欺骗了他，就继续欺骗他</p>
                </div>
            </li>
            <li>
                <div class="left tc fl">
                    <img class="shadow" src="img/headerIndex_001.png" alt=""/>
                    <span>明明</span>
                </div>
                <div class="fl right">
                    <p class="money">
                        <span>基本工资 ：<b>1000元</b></span>
                        <span>创造价值 ：<b>3000元</b></span>
                        <span>投入现金 ：<b>3000元</b></span>
                        <span>奖励 ：<b>3000元</b></span>
                        <span>惩罚 ：<b>3000元</b></span>
                    </p>
                    <p><span>股权币 ： 100</span></p>
                    <p>评价 ：假如生活欺骗了他，就继续欺骗他</p>
                </div>
            </li>
            <li>
                <div class="left tc fl">
                    <img class="shadow" src="img/headerIndex_001.png" alt=""/>
                    <span>明明</span>
                </div>
                <div class="fl right">
                    <p class="money">
                        <span>基本工资 ：<b>1000元</b></span>
                        <span>创造价值 ：<b>3000元</b></span>
                        <span>投入现金 ：<b>3000元</b></span>
                        <span>奖励 ：<b>3000元</b></span>
                        <span>惩罚 ：<b>3000元</b></span>
                    </p>
                    <p><span>股权币 ： 100</span></p>
                    <p>评价 ：假如生活欺骗了他，就继续欺骗他</p>
                </div>
            </li>
        </ul>
        <div class="pandectContent tc">
            <p class="tl f17">财务总览</p>

            <div class="pandectTx">
                <div class="fl">
                    <img class="fl" src="img/projectDetails_001.png" alt="">
            <span class="fl">
                <strong class="f12">工资债卷</strong>
                <small class="colorRed f17">15万元</small>
            </span>
                </div>
                <div class="fl">
                    <img class="fl " src="img/projectDetails_002.png" alt="">
             <span class="fl">
                <strong class="f12">股权币</strong>
                <small class="colorRed f17">15万元</small>
            </span>
                </div>
            </div>
            <div class="pt30 tl">该月薪发放制定人 : 黄晓明</div>
            <div class="tl">同意该薪权方案的股东姓名列举 ：黄晓明、黄晓明、AB</div>
            <div class="tl">不同意该薪权方案的股东姓名列举 ： 张大伟</div>
            <div  class="tl">
                <b>薪权发放后股权分配</b>
            </div>
            <div id="cartogram"></div>

    </div>

</div>
    <div class="footer">
        <ul>
            <a href="about.html">
                <li class="fl">
                    <img src="img/paginationI_001.png" alt="">
                    <span>关于我们</span>
                </li>
            </a>
            <a href="">
                <li class="fl">
                    <img src="img/paginationI_002.png" alt="">
                    <span>联系我们（187-1111-1111）</span>
                </li>
            </a>
            <a href="">
                <li class="fl">
                    <img src="img/paginationI_003.png" alt="">
                    <span>商务合作</span>
                </li>
            </a>

        </ul>
        <div class="returnTop">
            <div class="returnIcon">
                <img src="img/returnTop_001.png" alt="">
            </div>
            <div class="codeIcon" >
                <img src="img/returnTop_002.png" alt="">

                <div class="code">
                    <img src="img/code.jpg" alt=""/>
                </div>
            </div>
        </div>
    </div>
    <div class="copyrightIndex tc">© 2017 willIan Mo All Rights Restseved</div>
    </div>
</body>
<script>
    //顶部 财务报表

    var myChart = echarts.init(document.getElementById('cartogram'));
    option = {

        tooltip : {
            show: false,
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        legend: {
            x : 'center',
            y : 'bottom',
            data:['','','','','','','','']
        },

        calculable : false,
        series : [
            {

                type:'pie',
                radius : [20, 110],
                center : ['50%'],
                roseType : 'radius',
                width: '40%',       // for funnel
                max: 40,            // for funnel
                draggable:false,
                itemStyle : {
                    normal : {
                        label : {
                            show : false
                        },
                        labelLine : {
                            show : false
                        }
                    },
                    emphasis : {
                        label : {
                            show : true
                        },
                        labelLine : {
                            show : true
                        }
                    }
                },
                data:[
                    {value:10, name:'苏小明  拥有股权30%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value:20, name:'苏小明  拥有股权10%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value:30, name:'苏小明  拥有股权20%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value:40, name:'苏小明  拥有股权30%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value:50, name:'苏小明  拥有股权40%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value:60, name:'苏小明  拥有股权50%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value:70, name:'苏小明  拥有股权60%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value:80, name:'苏小明  拥有股权70%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value:90, name:'苏小明  拥有股权80%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'}
                ]
            }
        ]
    };
    myChart.setOption(option);
</script>
</html>